<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="easyui-1.3.5/themes/default/easyui.css" />
<script src="easyui-1.3.5/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="easyui-1.3.5/jquery.easyui.min.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
<!--树形菜单-->
<ul id="tree"></ul>
</body>
<script type="text/javascript">
function getIFrame(url) {
	var iframe = '<iframe width="100%" height="100%" frameborder="0" src="' + url + '" style="width:100%;height:100%; margin:0px 0px;"></iframe>'
	return iframe;
}
$(function() {
	//动态树形菜单数据
	var treeData = [{
			text: "统计管理",
			children: [{
				text: "不满意问题原因",
				attributes: {
					url: getIFrame('config.html'),
				}
			}],
		},
		{
			text: "配置",
			children: [{
				text: "系统变量配置",
				attributes: {
					url: getIFrame('config.html'),
				}
			}]
		}
	];

	//实例化树形菜单
	$("#tree").tree({
		data: treeData,
		lines: true,
		onClick: function(node) {
			if(node.attributes) {
				open(node.text, node.attributes.url);
			}
		}
	});
});
</script>

</html>